<template>
    <div class="layout">
        <div class="layout-top">
            <slot name="top"></slot>
        </div>
        <div class="layout-bottom">
            <slot name="bottom"></slot>
        </div>
    </div>
</template>

<script setup lang="ts"></script>

<style scoped>
.layout {
    height: 100%;
    width: 100%;
}
.layout-top {
    height: 48px;
}
.layout-bottom {
    height: calc(100% - 48px);
    overflow: hidden;
    background-color: var(--el-bg-color-page);
}
</style>
